<cp-navbar [border]="false" (onClickLeft)="onClickLeft()"></cp-navbar>
<header>
  <div class="header">
    <p (click)="selc1()" [ngClass]="{ isclick: isclick == true }">等额本息</p>
    <p (click)="selc2()" [ngClass]="{ isclick: isclick == false }">等额本金</p>
  </div>
</header>

<!-- 等额本息 -->
<section class="info" *ngIf="isclick == true">
    <div class="bulk">
        <div echarts [options]="chartOption" class="chart"></div>
        <div style="list-style-type:disc" class="title">

            <p><span></span>贷款总额</p>
            <p><span></span>支付利息</p>
        </div>
    </div>
    <div class="result">
        <ul>
        <li>首付金额：{{ averageRate.fristPay }}万</li>
        <li>还款总额：{{ averageRate.refundAmount }}万</li>
        <li>贷款月数：{{ averageRate.loanMonth }}月</li>
        </ul>
        <ul>
        <li>贷款总额：{{ averageRate.loanCeiling }}万</li>
        <li>支付利息：{{ averageRate.payAccrual }}万</li>
        <li>月均还款：{{ averageRate.monthRefund }}元</li>
        </ul>
    </div>
    <p>以上结果仅供参考，请以当地实际情况为准</p>
</section>

<!-- 等额本金 -->
<section class="info" *ngIf="isclick == false">
    <div class="bulk">
        <div echarts [options]="chartOption" class="chart"></div>
        <div style="list-style-type:disc" class="title">

            <p><span></span>贷款总额</p>
            <p><span></span>支付利息</p>
        </div>
    </div>
    <div class="result">
        <ul>
        <li>首付金额：{{ averageCapital.fristPay }}万</li>
        <li>还款总额：{{ averageCapital.refundAmount }}万</li>
        <li>贷款月数：{{ averageCapital.loanMonth }}月</li>
        <li>每月递减：{{ averageCapital.monthReduce }}元</li>
        </ul>
        <ul>
        <li>贷款总额：{{ averageCapital.loanCeiling }}万</li>
        <li>支付利息：{{ averageCapital.payAccrual }}万</li>
        <li>首月还款：{{ averageCapital.fristMonth }}元</li>
        </ul>
    </div>
    <p>以上结果仅供参考，请以当地实际情况为准</p>
</section>
